<template>
  <el-row>
    <el-card :body-style="{ padding: '0px' }" shadow="never">
      <div slot="header" class="clearfix" >
        <span style="font-size: x-large">游戏设置及BUFF监控</span>
      </div>
      <div class="text item">
        <p>工欲善其事必先利其器</p>
        <p>清晰简洁的技能BUFF可以有效的提醒你该放什么技能了</p>
      </div>
    </el-card>

    <el-card :body-style="{ padding: '0px' }" shadow="never">
      <div class="text item">
        <p style="font-size: large"><label style="color: purple">鼠标位置施法</label></p>
        <p><label class="label">强烈推荐部分技能使用鼠标位置释放</label></p>
        <p>剑心插件设置施法方式：</p>
        <p>1.在角色选择界面安装剑心插件</p>
        <p>2.进入游戏界面右键头像，选择剑心插件集-常用-技能增强，如下图所示</p>
        <p>3.点击启用功能，点击新建，输入技能ID，并在对应技能的右侧选择鼠标模式</p>
        <p>常用技能ID如下</p>
        <p>苍棘缚地：27652</p>
        <p>沾衣未妨：27578</p>

        <p><img src="../home/image/jianxin.png" height="800" width="1018" class="setimage"></p>
      </div>
    </el-card>
    <el-card :body-style="{ padding: '0px' }" shadow="never">
      <div class="text item">
        <p style="font-size: large"><label style="color: purple">BUFF监控</label></p>
        <p><label class="label">通过茗伊插件设置可以方便我们清晰的知道技能CD及BUFF情况。</label></p>
        <p><el-button size="small" round type="success"  @click="download_buff">点击下载监控文件</el-button></p>
        <p><a href="https://wufangg.jasonsong.top/api/buff_download" id="dl"></a></p>
        <p>茗伊插件设置BUFF监控：</p>
        <p>1.在角色选择界面安装茗伊插件</p>
        <p>2.进入游戏界面右键头像，选择茗伊插件集-目标-目标监控，如下图所示</p>
        <p>3.点击导入.jx3dat文件</p>
        <p>4.根据自身喜好调整位置及大小</p>
        <p><img src="../home/image/mingyi.png" height="431" width="669" ></p>
      </div>
    </el-card>
    <el-card :body-style="{ padding: '0px' }" shadow="never">
      <div class="text item">
        <p style="font-size: large"><label style="color: purple">修改灵荆种子名称颜色</label></p>
        <p><label class="label">有时场上特效较多，我们无法知道灵荆种子的位置，该设置可以较为清晰的展现方便我们捡种子</label></p>
        <p>茗伊插件设置：</p>
        <p>1.在角色选择界面安装茗伊插件</p>
        <p>2.进入游戏界面右键头像，选择茗伊插件集-团队-团队监控-数据设置，如下图所示</p>
        <p>3.提前加载好南宫伯插件后，可以在弹出框的系统角色直接搜索到灵荆</p>
        <p>4.点击正上方的图标，修改颜色（推荐红色）</p>
        <p><img src="../home/image/lingjing.png" height="438" width="1526" ></p>
      </div>
    </el-card>
  </el-row>
</template>

<script>
export default {
  name: 'settings',
  methods:{
    download_buff(){
      const link = document.getElementById('dl')
      link.click()

    }

  }
}
</script>

<style>
.text {
  font-size: 14px;
}

.item {
  margin-bottom: 18px;
  margin-left: 20px;
}

.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
}

.clearfix:after {
  clear: both
}

.box-card {
  width: 100%;
  height: 100%;
}
.time {
  font-size: 13px;
  color: #999;
}

.bottom {
  margin-top: 13px;
  line-height: 12px;
}

.button {
  padding: 0;
  float: right;
}

.setimage {
  margin-left: 20px;
  width: 30%;
  height: 30%;
  display: block;
  object-fit: cover
}

.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
}

.clearfix:after {
  clear: both
}

.box {
  width: 400px;
.top {
  text-align: center;
}

.left {
  float: left;
  width: 60px;
}

.right {
  float: right;
  width: 60px;
}

.bottom {
  clear: both;
  text-align: center;
}

.item {
  margin: 4px;
}

.left .el-tooltip__popper,
.right .el-tooltip__popper {
  padding: 8px 10px;
}
}
</style>
